<template>
  <div>
    <NavbarIndex msg="Welcome to Your Vue.js App"/>
    <b-container>
      <a class="btn btn-danger mb-3">申请友情链接</a>
      <div class="row">
        <div class="col-md-6 mb-3">
          <div class="card">
            <h5 class="card-header">综合性</h5>
            <div class="card-body">
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="card">
            <h5 class="card-header">综合性</h5>
            <div class="card-body">
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="card">
            <h5 class="card-header">综合性</h5>
            <div class="card-body">
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="card">
            <h5 class="card-header">综合性</h5>
            <div class="card-body">
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <div class="card">
            <h5 class="card-header">综合性</h5>
            <div class="card-body">
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
              <a class="btn btn-link"> 中国天主教 </a>
            </div>
          </div>
        </div>
        
      </div>
    </b-container>
    <Footer msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
// @ is an alias to /src
import Footer from "@/components/Footer.vue";
import NavbarIndex from "@/components/NavbarIndex.vue";

export default {
  name: "linkshow",
  components: {
    NavbarIndex,
    Footer
  },
  data() {
    return {};
  }
};
</script>

<style>
</style>

